<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>手工艺人付款页面</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/yiren/yiren_zhifudingdan.js"></script>
    </head>
    <body class="grey" ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>支付订单</h1>
        </header>
        <section class="ui-container mb50">
            <div class="moredetail">
                <script type="text/juicer" id="zhifu_tpl">
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#">订单名称：</label>
                        <span class="text">${supplierName}</span>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#">订单总价：</label>
                        <span class="text text ui-txt-highlight"id="price">${totalPrice}元</span>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#">总计：</label>
                        <span class="text-right">（共${number}张）<span class="ui-txt-highlight zhongjia">${totalPrice}元</span></span>
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><i class="icons-yes"></i><i id="retype"></i></label>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-border-b">
                        ${realName}&nbsp&nbsp${buyTelphone}&nbsp&nbsp${areaCode}<br>${address}
                    </div>
                </div>
                </script>
            </div>
            <div class="ui-pay">
                <h2>选择支付方式</h2>
                <ul class="ui-pay-list">
                    <li class="clearfix">
                        <div class="ui-pay-logo">
                            <img src="img/pay_alipay.png" width="50" height="30" alt="">
                        </div>
                        <div class="ui-pay-name">
                            <h3>支付宝支付</h3>
                            <p>支付宝客户端用户使用</p>
                        </div>
                        <div class="ui-pay-select">
                            <label class="ui-radio" for="radio">
                                <input type="radio" name="pay">
                            </label>
                        </div>
                    </li>
                    <!--<li class="clearfix">-->
                        <!--<div class="ui-pay-logo">-->
                            <!--<img src="img/pay_wechat.png" width="50" height="30" alt="">-->
                        <!--</div>-->
                        <!--<div class="ui-pay-name">-->
                            <!--<h3>微信支付</h3>-->
                            <!--<p>推荐安装微信6.0以上的版本</p>-->
                        <!--</div>-->
                        <!--<div class="ui-pay-select">-->
                            <!--<label class="ui-radio" for="radio">-->
                                <!--<input type="radio" name="pay">-->
                            <!--</label>-->
                        <!--</div>-->
                    <!--</li>-->
                </ul>
            </div>
            <div class="ui-btn-wrap">
                <button class="ui-btn-lg ui-btn-danger">
                    确认支付
                </button>
            </div>
        </section>

    </body>
</html>
